import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    TouchableOpacity
} from 'react-native';
export default class Resource extends Component {
    static navigationOptions = {
        title: '资源',
    };
    render() {
        const { navigate } = this.props.navigation;
        return (
            <View style={styles.container}>
                <View style={styles.title}>
                    <View style={styles.logo}>
                        <Image style={{width:30,height:30}} source={require('../images/dianxinlogo.png')}/>
                    </View>
                    <View style={{flex:5}}>
                        <Text style={[styles.text,styles.txt_fl]}>
                            资源
                        </Text>
                    </View>
                </View>            
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#F5FCFF',
    },
    title: {
        flexDirection:'row',
        backgroundColor: '#303f9f',
        justifyContent: 'flex-start',
        height:50,
    },
    logo:{
        flex:1,
        justifyContent:'center',
        height:50,
        marginLeft:20,
    },
    text: {
        fontSize: 20,
        // fontWeight:'bold',
        color:'#F5FCFF',
        textAlign: 'center',
        lineHeight:50,
    },
    txt_fl:{
        textAlign:'left',
    },
});